﻿<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="renderer" content="webkit">
	<title>containerDemo</title>
	
    <link href="resources/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="resources/bootstrap/css/bootstrap-theme.css" rel="stylesheet">
	
	<script src="resources/jquery/jquery-1.11.0.js"></script>

	<script src="resources/bootstrap/js/bootstrap.js"></script>
	
	<!--[if lt IE 9]>
    <script src="resources/bootstrap/js/bootstrap_ie8/html5shiv.min.js"></script>
    <script src="resources/bootstrap/js/bootstrap_ie8/respond.min.js"></script>
  <![endif]-->
 
</head>

<body class="container-fluid">
<script src="resources/angular/angular.min.js"></script>
<script src="resources/mescript/contractApprove.js"></script>
<form class="form-horizontal">
<div ng-app="contractApp" ng-controller="contractController">
	<button ng-click="find()">查找</button>
 	<button ng-click="commit()">添加到数据库</button>
<div role="tabpanel">
	<ul class="nav nav-tabs" role="tablist">
		<li role="presentation" class="active"><a href="#task-details" aria-controls="profile" role="tab" data-toggle="tab">合同审批</a></li>
		<li role="presentation"><a href="#task-others" aria-controls="profile" role="tab" data-toggle="tab">关联单号</a></li>
		<li role="presentation"><a href="#task-files" aria-controls="profile" role="tab" data-toggle="tab">影像</a></li>
	</ul>
	
	<div class="tab-content">
		<div role="tabpanel" class="tab-pane active" id="task-details">
			<h3>合同审批</h3>
			<div class="form-group">
				<label class="col-lg-1 control-label">合同单号</label>
				<div class="col-lg-3"><p class="form-control-static" ng-bind="contractApprove.id">2015040900001</p></div>
			</div>
			<div class="form-group" >
				<label class="col-lg-1 control-label">合同种类</label>
				<div class="col-lg-3">
					<select class="form-control">
						<option>B10001 - 有关上海宝钢公司的合同</option>
						<option>B10002 - 有关中信银行的合同</option>
					</select>
				</div>
			 
				<label class="col-lg-1 control-label">合同类别</label>
				<div class="col-lg-3">
					<input type="text" class="form-control" value="{{contractApprove.classz}}">
				</div>
				
				
				<label class="col-lg-1 control-label">合同签订情况</label>
				<div class="col-lg-3">
					<div class="radio">
						<label>
							<input type="radio" name="group" id="optionsRadios1" value="option1" checked>
							新签
						</label>
						<label>
							<input type="radio" name="group" id="optionsRadios2" value="option2">
							续签无改动
						 </label> 
						 <label>
							<input type="radio" name="group" id="optionsRadios2" value="option2">
							续签有改动
						 </label> 
					</div>
				</div>
			</div>

			<div class="form-group">
				<label class="col-lg-1 control-label">是否框架合同</label>
				
				<div class="col-lg-3">
					<div class="radio">
						<label>
							<input type="radio" name="status" id="optionsRadios1" value="option1" checked>
							框架合同
						</label>
						<label>
							<input type="radio" name="status" id="optionsRadios2" value="option2">
							非框架合同
						 </label>
					</div>
				</div>
				 
				<label class="col-lg-1 control-label">合同主题</label>
				<div class="col-lg-3"><input type="text" class="form-control" value="供应商合同"></div>
			 
			</div>	
			<div class="form-group">
				<label class="col-lg-1 control-label">合同期限</label>
				<div class="col-lg-3">
					<div class="input-group">
						<div class="input-group datetimepicker date form_datet" data-min-view="month">

							 <span class="input-group-addon"><span >from</span></span>

							 <input class="form-control" type="text" size="16" id="createTime0" name="createTimes" value="2015-04-17" >

							 <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

							 <span class="input-group-addon"><span>to</span></span>

							 <input class="form-control" type="text" size="16" id="createTime0" name="createTimes" value="2016-04-17" >

							 <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>

						</div>
					</div>
				</div>
				
				
				<label class="col-lg-1 control-label">签订单位</label>
				<div class="col-lg-3">
					<input type="text" class="form-control" value="方正集团西南事业部">
				</div>
				
				
				<label class="col-lg-1 control-label">重要程度</label>
				<div class="col-lg-3">
					<select class="form-control">
						<option>一般重要</option>
						<option>中等重要</option>
						<option>非常重要</option>
					</select>
				</div>	
			</div>	
			
			<div class="form-group">
				<label class="col-lg-1 control-label">合同内容</label>
				<div class="col-lg-3">
					<textarea type="text" class="form-control">建设银行</textarea>
				</div>
			</div>
			
			<div class="form-group">
				<label class="col-lg-1 control-label">归档状态</label>
				<div class="col-lg-3"> 
					<input type="text" class="form-control" value="已经归档">
				</div><label class="col-lg-1 control-label">纳税状态</label>
				<div class="col-lg-3"> 
					<input type="text" class="form-control" value="已经纳税">
				</div><label class="col-lg-1 control-label">归档日期</label>
				<div class="col-lg-3">
					<div class="input-group datetimepicker date form_datet" data-min-view="month">
						<input class="form-control" type="text" size="16" id="createTime0" name="createTimes" value="2015/04/20" >
							<span class="input-group-addon">
								<span class="glyphicon glyphicon-calendar"></span>
							</span>
					</div>
				</div>
			
			</div>
			<div class="form-group">
				<label class="col-lg-1 control-label">状态</label>
				<div class="col-lg-3">
					<p class="form-control-static">审批中...</p>
				</div>
				<label class="col-lg-1 control-label">审批人</label>
				<div class="col-lg-3">
					<p class="form-control-static">刚哥</p>
				</div>
			</div>
			
	  
		</div>
		<div role="tabpanel" class="tab-pane" id="task-others">
			<div class="form-group">
				<div class="col-lg-12">
					<table class="table table-clear">
						<thead>
							<th>申请单号</th><th>类型</th><th>金额</th><th>申请人</th><th>申请部门</th><th>申请时间</th>
						</thead>
						<tbody>
							<td>2014050009</td><td>预支申请</td><td>500.00</td><td>申请人</td><td>申请部门</td><td>2014-05-17</td>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div role="tabpanel" class="tab-pane" id="task-files">
			<h3>其他</h3>
			<div class="row">
				<div class="col-lg-2">
					<div class="thumbnail">
					  <img src="1.jpg" alt="...">
					  
					  <div class="caption">
						<h3>标题</h3>
						<p>张三  2015-04-15</p>
					  </div>
					</div>
				</div>
				<div class="col-lg-2">
					<div class="thumbnail">
					  <img src="1.jpg" alt="...">
					  
					  <div class="caption">
						<h3>标题2</h3>
						<p>张三  2015-04-15</p>
					  </div>
					</div>
				</div>				
			</div>
			<h3>发票</h3>
			<div class="row">
				<div class="col-lg-2">
					<div class="thumbnail">
					  <img src="1.jpg" alt="...">
					  
					  <div class="caption">
						<h3>标题</h3>
						<p>张三  2015-04-15</p>
					  </div>
					</div>
				</div>
				<div class="col-lg-2">
					<div class="thumbnail">
					  <img src="1.jpg" alt="...">
					  
					  <div class="caption">
						<h3>标题2</h3>
						<p>张三  2015-04-15</p>
					  </div>
					</div>
				</div>				
			</div>
		
		</div>
 
	</div>
	
	
	<div class="row">
	<div class="col-lg-12 text-center">
		<a alt="这是提示"  title="保存后可以修改，审批人无法审批" href="javascript:void(0);" class="addTr btn btn-warning">提交</a> 
	</div>
	</div>
</div>


</div>

</form>
</body>
</html>